<template>
    <div class="student">
      <h2>姓名:{{name}}</h2>
      <h2>性别: {{sex}}</h2>
      <button @click="sendStudentName">把学生名给School组件</button>
    </div>
 </template>
 
 <script>
 
 export default {
   name: "Student",
   data(){
     console.log(this);
     return {
        name: '张三',
        sex: '男',
        number: 0
     }
   },
   methods: {
    sendStudentName(){
      this.$bus.$emit('hello',this.name)
    }
   }
 }
 </script>
 
 <style scoped>
   .student{
     background: orange;
     padding: 5px;
     margin-top: 30px;
   }
 </style>